<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>保持当前内容不变</title>
</head>
<body>
<div id="change" class="change">
    <h1 data-pre style="background-color: red">{{ info }}</h1>
</div>

<script>
    let element = document.querySelector("#change > h1");

    // 获取元素所有的属性名称
    let attributeNames = element.getAttributeNames();

    // 遍历所有的属性，并根据需求进行处理
    for (let attribute of attributeNames) {
        console.log(attribute);

        // 包含 data-pre 属性
        if (attribute === "data-pre") {
            // 删除元素的指定属性
            element.removeAttribute(attribute)
        }

        // 包含 style 属性
        if (attribute === "style") {
            element.style.display = "none"
            // 将 style 中每个样式删除可以使用 空字符串 或者 null
            element.style.display = ""
        }
    }

</script>
</body>
</html>